<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/font-awesome.css"/>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css"/>
    <title></title>
</head>
<body>
<div class="left">
    <header class="clearfix">
        <div class="user"><img src="images/user.jpg" alt=""/></div>
        <span class="we">欢迎你 ,</span>
        <div class="book"><a href="#">cherry</a></div>
        <span class="teacher">老师</span>
    </header>
    <ul class="navlist">
        <li>
            <h2><a href="index.html"><i class="fas fa-home"></i>首页</a></h2>

        </li>
        <li>
            <h2><a href="list-class.html"><i class="fa fa-bookmark" aria-hidden="true"></i>图书类别管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-class.html" >图书类别列表</a></li>
                <li><a href="add-class.html">添加图书类别</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="list-book.html"><i class="fa fa-book" aria-hidden="true"></i>图书信息管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-book.html">图书信息列表</a></li>
                <li><a href="add-book.html">添加图书信息</a></li>
                <li><a href="list-recomd.html">推荐图书信息</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="list-user.html"><i class="fa fa-user" aria-hidden="true"></i>用户信息管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-user.html">所有用户列表</a></li>
                <li><a href="list-admin.html">管理员列表</a></li>
                <li><a href="add-admin.html">添加管理员</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="list-order.html"><i class="fa fa-list-alt" aria-hidden="true"></i>订单管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-order.html">待处理订单列表</a></li>
                <li><a href="list-finishedorder.html">已完成订单列表</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="chart-trend.html"><i class="fas fa-chart-pie"></i>统计分析</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="chart-trend.html">销售走势分析</a></li>
                <li><a href="chart-class.html">分类统计</a></li>
            </ul>
        </li>
    </ul>

    <footer>
        <ul class="footerlist">
            <li><a href="#"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-arrows-alt" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-power-off" aria-hidden="true"></i></a></li>
        </ul>
    </footer>
</div>
<div class="main">
    <header>
        <span class="left"><i class="fa fa-bars" aria-hidden="true"></i></span>
        <div class="right">
            <span class="envelop">
                <a href="#"><i class="far fa-envelope"></i></a>
            </span>
            <span class="chrs">6</span>
            <div class="user">
                <img src="images/user.jpg" alt="">
                <span class="name"><a href="#">Cherry</a><i class="fa fa-angle-down" aria-hidden="true"></i></span>

            </div>
        </div>

    </header>
    <section class="maincontent">
        <div class="container">
            <div class="row">
                <div class="col-12 white">
                    <div class="box top">
                        <div class="tittle">
                            <h2>图书销量<span>（五日内）</span></h2>
                            <span> <i class="far fa-calendar-alt"></i></span>
                        </div>
                        <div class="content">
                            <div class="row">
                                <div class="col-10">
                                    <div class="box"><img src="images/chart1.png" alt=""/></div>
                                </div>
                                <div class="col-2">
                                    <div class="box">
                                        <div class="tittle"><h3>销售排行</h3></div>
                                        <div class="content">
                                            <ul class="salelist">
                                                <li><span>小说类</span>

                                                    <div class="line">
                                                        <span class="fir"></span><span class="sec"></span>
                                                    </div>
                                                </li>
                                                <li><span>教辅类</span>

                                                    <div class="line">
                                                        <span class="fir teachone"></span><span class="sec teachtwo"></span>
                                                    </div>
                                                </li>
                                                <li><span>IT计算机类</span>

                                                    <div class="line">
                                                        <span class="fir teachthree"></span><span class="sec teachfour"></span>
                                                    </div>
                                                </li>
                                                <li><span>有声读物类</span>

                                                    <div class="line">
                                                        <span class="fir teachfive"></span><span class="sec teachsist"></span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom clearfix">
                <div class="row">

                        <div class="col-4 clearfix border white">
                            <div class="box">
                                <div class="btnleft">
                                    <div class="tittle">
                                        <h2>近期留言管理<a href="#">点击回复</a></h2>
                                    </div>
                                    <div class="content">
                                        <div class="container">
                                            <ul class="message">
                                                <li><h3>这是标题</h3>
                                                    <span class="time">10小时前</span>
                                                    <span class="author">老杨</span>
                                                    <p>中国共产党第十九大代表大会（简称党的十九大）于2017年10月18日至10月24日在北京召开。2017年10月18日上午9:00，中国共产党第十九大全国代表大会堂开幕。习近平代表第十八届中央委员会向大会作了题为《决胜全面建成小康社会夺取新时代中国特色社会主义伟大胜利》的报告。这次大会的主题是：不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗。</p>
                                                </li>
                                                <li><h3>这是标题</h3>
                                                    <span class="time">10小时前</span>
                                                    <span class="author">老杨</span>
                                                    <p>中国共产党第十九大代表大会（简称党的十九大）于2017年10月18日至10月24日在北京召开。2017年10月18日上午9:00，中国共产党第十九大全国代表大会堂开幕。习近平代表第十八届中央委员会向大会作了题为《决胜全面建成小康社会夺取新时代中国特色社会主义伟大胜利》的报告。这次大会的主题是：不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗。</p>
                                                </li>
                                                <li><h3>这是标题</h3>
                                                    <span class="time">10小时前</span>
                                                    <span class="author">老杨</span>
                                                    <p>中国共产党第十九大代表大会（简称党的十九大）于2017年10月18日至10月24日在北京召开。2017年10月18日上午9:00，中国共产党第十九大全国代表大会堂开幕。习近平代表第十八届中央委员会向大会作了题为《决胜全面建成小康社会夺取新时代中国特色社会主义伟大胜利》的报告。这次大会的主题是：不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗。</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-8 ">
                            <div class="box">
                                <div class="btnright">
                                    <div class="row">
                                        <div class="col-12 border white">
                                            <div class="box">
                                                <div class="tittle">
                                                    <h2>访问者来源<a href="#">全球IP定位</a></h2>
                                                </div>
                                                <div class="content">
                                                    <div class="row">
                                                        <div class="col-5">
                                                            <div class="box">
                                                                <h2>用户访问量</h2>
                                                                <ul class="country">
                                                                    <li><span class="countryname">美国</span><span class="chrs">33%</span></li>
                                                                    <li><span class="countryname">法国</span><span class="chrs">27%</span></li>
                                                                    <li><span class="countryname">中国</span><span class="chrs">25%</span></li>
                                                                    <li><span class="countryname">日本</span><span class="chrs">20%</span></li>
                                                                    <li><span class="countryname">澳大利亚</span><span class="chrs">20%</span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-7">
                                                            <div class="box"><img src="images/map.png" alt=""></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="order">
                                        <div class="row">
                                            <div class="col-6 border white">
                                                <div class="box">
                                                    <div class="tittle">
                                                        <h2>新进订单<a href="#">点击更新状态</a></h2>
                                                    </div>
                                                    <ul class="order">
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="formcontrol">
                                                                <label class="check">
                                                                    <input type="checkbox">
                                                                    <span class="unchecked"><i class="far fa-square"></i></span>
                                                                    <span class="checked"><i class="fas fa-check-square"></i></span>
                                                                    订单标题，调试测试
                                                                </label>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="col-6 sun">
                                                <div class="box border white weath">
                                                    <div class="tittle">
                                                        <h2>今天天气<a href="#">天天好心情</a></h2>
                                                    </div>
                                                    <span class="tim">星期一 7:30 AM</span>
                                                    <div class="current clearfix">
                                                        <div class="img "><i class="fas fa-sun"></i></div>
                                                        <span class="adr">杭州</span>
                                                        <span>多云转晴</span>
                                                        <span class="tem">23C</span>
                                                    </div>

                                                    <ul class="weather clearfix">
                                                        <li><span class="day">Mon</span><span class="temper">25°C</span><span
                                                                class="icon"><i class="fas fa-sun"></i></span><span class="speed">15 km/h</span></li>
                                                        <li><span class="day">Mon</span><span class="temper">25°C</span><span
                                                                class="icon"><i class="fa fa-cloud" aria-hidden="true"></i></span><span class="speed">15 km/h</span></li>
                                                        <li><span class="day">Mon</span><span class="temper">25°C</span><span
                                                                class="icon"><i class="fas fa-sun"></i></span><span class="speed">15 km/h</span></li>
                                                        <li><span class="day">Mon</span><span class="temper">25°C</span><span
                                                                class="icon"><i class="fa fa-cloud" aria-hidden="true"></i></span><span class="speed">15 km/h</span></li>
                                                        <li><span class="day">Mon</span><span class="temper">25°C</span><span
                                                                class="icon"><i class="fas fa-sun"></i></span><span class="speed">15 km/h</span></li>
                                                        <li><span class="day">Mon</span><span class="temper">25°C</span><span
                                                                class="icon"><i class="fa fa-cloud" aria-hidden="true"></i></span><span class="speed">15 km/h</span></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>


                </div>

            </div>



        </div>
    </section>
    <footer><span>©Cherry</span></footer>
</div>
</body>
</html>